<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link type="text/css" href="step.css" rel="stylesheet">
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<header>
    <section>
        <figure class="logo">
            <img src=".././img/yt-logo.png">
            <span class="eng">English</span>
        </figure>
        <nav>
            <ul>
                <li>发布项目</li>
                <li>项目保</li>
                <li>估价</li>
                <li>政企服务</li>
                <li>特色服务</li>
                <li class="head_sculpture"><a>登录</a>
                    <a>|</a>
                    <a>注册</a>
                </li>
            </ul>
        </nav>
    </section>
</header>
<section class="main">
    <section>
     <!--   -->
        <nav class="step">
            <section class="wrap_step">
            <ul>
                <li>
                    <div></div>
                    <span>1.发包类型</span>
                </li>
                <li>
                    <div></div>
                    <span>2.类别选择</span>
                </li>
                <li>
                    <div></div>
                    <span>3.项目细节</span>
                </li>
                <li>
                    <div></div>
                    <span>4.支付</span>
                </li>
            </ul>
            </section>
        </nav>

        <section class="type_wrap">
            <section class="otype">


                <section class="step1">
                    <h2 class="title">发包类型</h2>
                    <section class="step_right">
                        <ul>
                            <li class="pro_ico">
                                <figure>
                                    <img src="./../img/icon-release-project-zhengbao@2x.png">
                                </figure>
                                <span>整包发布</span>
                                <img src="./../img/icon-release-check@2x.png" class="cheked">
                            </li>
                            <li class="pro_ico ma_le">
                                <figure>
                                    <img src="./../img/icon-release-project-fenbao@2x.png">
                                </figure>
                                <span>分包发布</span>
                                <img src="./../img/icon-release-check@2x.png" class="cheked">
                            </li>
                        </ul>
                    </section>
                    <input type="button" value="下一步" class="next_step next_step_ma next1"/>
                </section>

                <section class="step2">
                    <h2 class="title">项目类型</h2>
                    <section class="step_right">
                        <ul>
                            <li class="pro_ico">
                                <figure>
                                    <img src="./../img/icon-release-project01@2x.png">
                                </figure>
                                <span>整包发布</span>
                                <img src="./../img/icon-release-check@2x.png" class="cheked">
                            </li>
                            <li class="pro_ico ma_le">
                                <figure>
                                    <img src="./../img/icon-release-project02@2x.png">
                                </figure>
                                <span>分包发布</span>
                                <img src="./../img/icon-release-check@2x.png" class="cheked">
                            </li>

                            <li class="pro_ico ma_le">
                                <figure>
                                    <img src="./../img/icon-release-phone@2x.png">
                                </figure>
                                <span>分包发布</span>
                                <img src="./../img/icon-release-check@2x.png" class="cheked">
                            </li>

                            <li class="pro_ico ma_le">
                                <figure>
                                    <img src="./../img/icon-release-project03@2x.png">
                                </figure>
                                <span>分包发布</span>
                                <img src="./../img/icon-release-check@2x.png" class="cheked">
                            </li>
                            <li class="pro_ico ma_top">
                                <figure>
                                    <img src="./../img/icon-release-wechat@2x.png">
                                </figure>
                                <span>分包发布</span>
                                <img src="./../img/icon-release-check@2x.png" class="cheked">
                            </li>

                            <li class="pro_ico ma_le ma_top">
                                <figure>
                                    <img src="./../img/icon-release-project04@2x.png">
                                </figure>
                                <span>分包发布</span>
                                <img src="./../img/icon-release-check@2x.png" class="cheked">
                            </li>
                        </ul>
                    </section>
                    <section class="bnt_collection">
                        <input type="button" value="下一步" class="next_step"/>
                        <input type="button" value="上一步" class="next_step pre_step"/>
                    </section>

                </section>


            </section>
        </section>

    </section>
</section>
<footer>
    <div class="copyright">
        <abbr>
            © 2016-2017 yuantuan.com 版权所有 蜀ICP备15022406号-8
            <img src=".././img/pic1.gif">
        </abbr>
        <article class="right">
            <a>著作权与商标声明</a>
            <span>|</span>
            <a>法律声明</a>
            <span>|</span>
            <a>服务条款</a>
            <span>|</span>
            <a>隐私声明</a>
            <span>|</span>
            <a>帮助中心</a>
            <span>|</span>
            <a>关于猿团</a>
            <span>|</span>
            <a>联系我们</a>
            <span>|</span>
            <a>友情链接</a>
        </article>
    </div>
</footer>
<script src="../jquery-2.1.1.js"></script>
<script src="step.js"></script>
</body>
</html>